:root,
:host {
  --va-modal-title-margin-bottom: 1.5rem;
  --va-modal-position: fixed;
  --va-modal-top: 0;
  --va-modal-left: 0;
  --va-modal-display: flex;
  --va-modal-width: 100%;
  --va-modal-height: 100%;
  --va-modal-align-items: center;
  --va-modal-justify-content: center;
  --va-modal-overflow: hidden;
  --va-modal-outline: 0;
  --va-modal-z-index: unset;
  --va-modal-container-z-index: 100;
  --va-modal-basic-duration: 0.3s;
  --va-modal-opacity-transition: calc(var(--va-modal-basic-duration) * 0.5) cubic-bezier(1, 0.5, 0.8, 1);
  --va-modal-transform-transition: var(--va-modal-basic-duration) ease;
  --va-modal-overlay-background-blur-radius: 4px;
  --va-modal-padding: var(--va-modal-padding-top) var(--va-modal-padding-right) var(--va-modal-padding-bottom) var(--va-modal-padding-left);
  --va-modal-padding-top: 1.5rem;
  --va-modal-padding-right: 1.5rem;
  --va-modal-padding-bottom: 1.5rem;
  --va-modal-padding-left: 1.5rem;

  /* Dialog */
  --va-modal-dialog-min-height: 3.125rem;
  --va-modal-dialog-height: fit-content;
  --va-modal-dialog-border-radius: 0.375rem;
  --va-modal-dialog-margin: 1rem;
  --va-modal-dialog-box-shadow: 0 4px 70px -18px var(--va-shadow);

  /* Fullscreen */
  --va-modal-overlay-opacity-transition: opacity calc(2 * var(--va-modal-basic-duration) / 3) cubic-bezier(1, 0.5, 0.8, 1);
  --va-modal-overlay-color: rgb(0, 0, 0);
  --va-modal-overlay-opacity: 0.6;
  --va-modal-overlay-nested-opacity: 0.1;

  /* Footer */
  --va-modal-footer-justify-content: flex-end;
}
